<!DOCTYPE html>
<html lang="en" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Icons | PaperModL2</title>

<meta name="keywords" content="PaperMod" />
<meta name="description" content="List of all Icons supported by PaperMod">
<meta name="author" content="Aditya Telange">
<link rel="canonical" href="https://note.ftls.xyz/papermod/en/posts/papermod/papermod-icons/" />
<link href="/papermod/assets/css/stylesheet.min.746a86b58bb2b052b5e4df8216510494f04f81e62c08d626150c26c69ca929da.css" integrity="sha256-dGqGtYuysFK15N&#43;CFlEElPBPgeYsCNYmFQwmxpypKdo=" rel="preload stylesheet"
    as="style">

<link rel="icon" href="https://note.ftls.xyz/papermod/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://note.ftls.xyz/papermod/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://note.ftls.xyz/papermod/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://note.ftls.xyz/papermod/apple-touch-icon.png">
<link rel="mask-icon" href="https://note.ftls.xyz/papermod/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.104.2" />
<link rel="alternate" hreflang="zh" href="https://note.ftls.xyz/papermod/posts/papermod/papermod-icons/" />
<link rel="alternate" hreflang="en" href="https://note.ftls.xyz/papermod/en/posts/papermod/papermod-icons/" />


<meta property="og:title" content="Icons" />
<meta property="og:description" content="List of all Icons supported by PaperMod" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://note.ftls.xyz/papermod/en/posts/papermod/papermod-icons/" /><meta property="og:image" content="https://note.ftls.xyz/papermod/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mod-cover.png"/><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2021-01-20T00:00:00&#43;00:00" />
<meta property="article:modified_time" content="2021-01-20T00:00:00&#43;00:00" /><meta property="og:site_name" content="PaperModL2" />

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://note.ftls.xyz/papermod/%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mod-cover.png"/>

<meta name="twitter:title" content="Icons"/>
<meta name="twitter:description" content="List of all Icons supported by PaperMod"/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position":  1 ,
      "name": "Posts",
      "item": "https://note.ftls.xyz/papermod/en/posts/"
    }, 
    {
      "@type": "ListItem",
      "position":  2 ,
      "name": "PaperMod",
      "item": "https://note.ftls.xyz/papermod/en/posts/papermod/"
    }, 
    {
      "@type": "ListItem",
      "position":  3 ,
      "name": "Icons",
      "item": "https://note.ftls.xyz/papermod/en/posts/papermod/papermod-icons/"
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Icons",
  "name": "Icons",
  "description": "List of all Icons supported by PaperMod",
  "keywords": [
    "PaperMod"
  ],
  "articleBody": " Reprinted from: https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-icons/\nSocial Icons No. Name Platform Link 1 123rf 123rf.com 2 adobestock stock.adobe.com 3 behance behance.net 4 buymeacoffee buymeacoffee.com 5 codepen codepen.io 6 cryptohack cryptohack.org 7 ctftime ctftime.org 8 dev dev.to 9 discogs discogs.com 10 discord discord.com 11 dreamstime dreamstime.com 12 dribbble dribbble.com 13 email - 14 facebook facebook.com 15 flickr flickr.com 16 freepik freepik.com 17 gitea gitea.io 18 github github.com 19 gitlab gitlab.com 20 goodreads goodreads.com 21 hackerone hackerone.com 22 hackerrank hackerrank.com 23 hackthebox hackthebox.eu 24 instagram instagram.com 25 itchio itch.io 26 kakaotalk kakaocorp.com/service/KakaoTalk 27 keybase keybase.io 28 kofi ko-fi.com 29 lastfm last.fm 30 liberapay liberapay.com 31 linkedin linkedin.com 32 mastodon mastodon.social 33 matrix matrix.org 34 medium medium.com 35 mixcloud mixcloud.com 36 nuget nuget.org 37 paypal paypal.com 38 qq qq.com 39 reddit reddit.com 40 rss - 41 serverfault serverfault.com 42 soundcloud soundcloud.com 43 shutterstock shutterstock.com 44 slack slack.com 45 snapchat snapchat.com/add 46 sourcerer sourcerer.io 47 spotify spotify.com 48 stackoverflow stackoverflow.com 49 steam steampowered.com 50 telegram telegram.org 51 twitch twitch.tv 52 twitter twitter.com 53 unsplash unsplash.com 54 xda xda-developers.com 55 youtube youtube.com 56 other - Usage :\nsocialIcons: - name: \"kofi\" url: \"https://kofi.com\" - name: \"twitter\" url: \"https://twitter.com\" Share Icons No. Platform 1 twitter (also generates hash tags from tags linked with post) 2 linkedin 3 reddit 4 facebook 5 whatsapp 6 telegram Usage:\nparams: ShowShareButtons: true ",
  "wordCount" : "219",
  "inLanguage": "en",
  "datePublished": "2021-01-20T00:00:00Z",
  "dateModified": "2021-01-20T00:00:00Z",
  "author":{
    "@type": "Person",
    "name": "Aditya Telange"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://note.ftls.xyz/papermod/en/posts/papermod/papermod-icons/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "PaperModL2",
    "logo": {
      "@type": "ImageObject",
      "url": "https://note.ftls.xyz/papermod/favicon.ico"
    }
  }
}
</script>





</head>

<body class="" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>
<noscript>
    <style type="text/css">
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: #1d1e20;
                --entry: #2e2e33;
                --primary: rgba(255, 255, 255, 0.84);
                --secondary: rgba(255, 255, 255, 0.56);
                --tertiary: rgba(255, 255, 255, 0.16);
                --content: rgba(255, 255, 255, 0.74);
                --hljs-bg: #2e2e33;
                --code-bg: #37383e;
                --border: #333;
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }
    </style>

</noscript>
<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="https://note.ftls.xyz/papermod/en/" accesskey="h" title="PaperModL2 (Alt + H)">PaperModL2</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
                
                

                <ul class="lang-switch"><li>|</li>
                    <li>
                        <a href="https://note.ftls.xyz/papermod/" title="中文"
                            aria-label="中文">中文</a>
                    </li>
                </ul>
            </span>
        </div>
        <ul id="menu" onscroll="menu_on_scroll()">
            <li>
                <a href="https://note.ftls.xyz/papermod/en/archives/" title="Archive">
                    <span>Archive</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/en/categories" title="Categories">
                    <span>Categories</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/en/series" title="Series">
                    <span>Series</span>
                </a>
            </li>
            <li>
                <a href="https://note.ftls.xyz/papermod/en/tags" title="Tags">
                    <span>Tags</span>
                </a>
            </li></ul>
    </nav>
</header>

    <main class="main">

<article class="post-single">
  <header class="post-header">
<div class="breadcrumbs">

    <a href="https://note.ftls.xyz/papermod/en/">Home</a>&nbsp;»&nbsp;<a href="https://note.ftls.xyz/papermod/en/posts/">Posts</a>&nbsp;»&nbsp;<a href="https://note.ftls.xyz/papermod/en/posts/papermod/">PaperMod</a>
</div>

    <h1 class="post-title">
      Icons<div class="entry-isdraft"><sup>&nbsp;&nbsp;[draft]</sup></div>
    </h1>
    <div class="post-meta">

January 20, 2021&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Aditya Telange
&nbsp;|&nbsp;
<ul class="i18n_list">Translations:
    <li>
        <a href="https://note.ftls.xyz/papermod/posts/papermod/papermod-icons/">中文</a>
    </li>
</ul>
|&nbsp;<a href="mailto://snowandocean@foxmail.com?subject=Suggesting%20changes%20for" rel="noopener noreferrer" target="_blank">Suggest Changes</a>
</div>
  </header> 

  <div class="toc">
    <details >
      <summary accesskey="c" title="(Alt + C)">
        <div class="details">Table of Contents</div>
      </summary>
      <div class="inner"><ul><li>
        <a href="#social-icons" aria-label="Social Icons">Social Icons</a></li><li>
        <a href="#share-icons" aria-label="Share Icons">Share Icons</a></li></ul>
      </div>
    </details>
  </div>
  <div class="post-content">
<blockquote>
<p>Reprinted from: <a href="https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-icons/">https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-icons/</a></p>
</blockquote>
<h2 id="social-icons">Social Icons<a hidden class="anchor" aria-hidden="true" href="#social-icons">#</a></h2>
<table>
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Platform Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><code>123rf</code></td>
<td>123rf.com</td>
</tr>
<tr>
<td>2</td>
<td><code>adobestock</code></td>
<td>stock.adobe.com</td>
</tr>
<tr>
<td>3</td>
<td><code>behance</code></td>
<td>behance.net</td>
</tr>
<tr>
<td>4</td>
<td><code>buymeacoffee</code></td>
<td>buymeacoffee.com</td>
</tr>
<tr>
<td>5</td>
<td><code>codepen</code></td>
<td>codepen.io</td>
</tr>
<tr>
<td>6</td>
<td><code>cryptohack</code></td>
<td>cryptohack.org</td>
</tr>
<tr>
<td>7</td>
<td><code>ctftime</code></td>
<td>ctftime.org</td>
</tr>
<tr>
<td>8</td>
<td><code>dev</code></td>
<td>dev.to</td>
</tr>
<tr>
<td>9</td>
<td><code>discogs</code></td>
<td>discogs.com</td>
</tr>
<tr>
<td>10</td>
<td><code>discord</code></td>
<td>discord.com</td>
</tr>
<tr>
<td>11</td>
<td><code>dreamstime</code></td>
<td>dreamstime.com</td>
</tr>
<tr>
<td>12</td>
<td><code>dribbble</code></td>
<td>dribbble.com</td>
</tr>
<tr>
<td>13</td>
<td><code>email</code></td>
<td>-</td>
</tr>
<tr>
<td>14</td>
<td><code>facebook</code></td>
<td>facebook.com</td>
</tr>
<tr>
<td>15</td>
<td><code>flickr</code></td>
<td>flickr.com</td>
</tr>
<tr>
<td>16</td>
<td><code>freepik</code></td>
<td>freepik.com</td>
</tr>
<tr>
<td>17</td>
<td><code>gitea</code></td>
<td>gitea.io</td>
</tr>
<tr>
<td>18</td>
<td><code>github</code></td>
<td>github.com</td>
</tr>
<tr>
<td>19</td>
<td><code>gitlab</code></td>
<td>gitlab.com</td>
</tr>
<tr>
<td>20</td>
<td><code>goodreads</code></td>
<td>goodreads.com</td>
</tr>
<tr>
<td>21</td>
<td><code>hackerone</code></td>
<td>hackerone.com</td>
</tr>
<tr>
<td>22</td>
<td><code>hackerrank</code></td>
<td>hackerrank.com</td>
</tr>
<tr>
<td>23</td>
<td><code>hackthebox</code></td>
<td>hackthebox.eu</td>
</tr>
<tr>
<td>24</td>
<td><code>instagram</code></td>
<td>instagram.com</td>
</tr>
<tr>
<td>25</td>
<td><code>itchio</code></td>
<td>itch.io</td>
</tr>
<tr>
<td>26</td>
<td><code>kakaotalk</code></td>
<td>kakaocorp.com/service/KakaoTalk</td>
</tr>
<tr>
<td>27</td>
<td><code>keybase</code></td>
<td>keybase.io</td>
</tr>
<tr>
<td>28</td>
<td><code>kofi</code></td>
<td>ko-fi.com</td>
</tr>
<tr>
<td>29</td>
<td><code>lastfm</code></td>
<td>last.fm</td>
</tr>
<tr>
<td>30</td>
<td><code>liberapay</code></td>
<td>liberapay.com</td>
</tr>
<tr>
<td>31</td>
<td><code>linkedin</code></td>
<td>linkedin.com</td>
</tr>
<tr>
<td>32</td>
<td><code>mastodon</code></td>
<td>mastodon.social</td>
</tr>
<tr>
<td>33</td>
<td><code>matrix</code></td>
<td>matrix.org</td>
</tr>
<tr>
<td>34</td>
<td><code>medium</code></td>
<td>medium.com</td>
</tr>
<tr>
<td>35</td>
<td><code>mixcloud</code></td>
<td>mixcloud.com</td>
</tr>
<tr>
<td>36</td>
<td><code>nuget</code></td>
<td>nuget.org</td>
</tr>
<tr>
<td>37</td>
<td><code>paypal</code></td>
<td>paypal.com</td>
</tr>
<tr>
<td>38</td>
<td><code>qq</code></td>
<td>qq.com</td>
</tr>
<tr>
<td>39</td>
<td><code>reddit</code></td>
<td>reddit.com</td>
</tr>
<tr>
<td>40</td>
<td><code>rss</code></td>
<td>-</td>
</tr>
<tr>
<td>41</td>
<td><code>serverfault</code></td>
<td>serverfault.com</td>
</tr>
<tr>
<td>42</td>
<td><code>soundcloud</code></td>
<td>soundcloud.com</td>
</tr>
<tr>
<td>43</td>
<td><code>shutterstock</code></td>
<td>shutterstock.com</td>
</tr>
<tr>
<td>44</td>
<td><code>slack</code></td>
<td>slack.com</td>
</tr>
<tr>
<td>45</td>
<td><code>snapchat</code></td>
<td>snapchat.com/add</td>
</tr>
<tr>
<td>46</td>
<td><code>sourcerer</code></td>
<td>sourcerer.io</td>
</tr>
<tr>
<td>47</td>
<td><code>spotify</code></td>
<td>spotify.com</td>
</tr>
<tr>
<td>48</td>
<td><code>stackoverflow</code></td>
<td>stackoverflow.com</td>
</tr>
<tr>
<td>49</td>
<td><code>steam</code></td>
<td>steampowered.com</td>
</tr>
<tr>
<td>50</td>
<td><code>telegram</code></td>
<td>telegram.org</td>
</tr>
<tr>
<td>51</td>
<td><code>twitch</code></td>
<td>twitch.tv</td>
</tr>
<tr>
<td>52</td>
<td><code>twitter</code></td>
<td>twitter.com</td>
</tr>
<tr>
<td>53</td>
<td><code>unsplash</code></td>
<td>unsplash.com</td>
</tr>
<tr>
<td>54</td>
<td><code>xda</code></td>
<td>xda-developers.com</td>
</tr>
<tr>
<td>55</td>
<td><code>youtube</code></td>
<td>youtube.com</td>
</tr>
<tr>
<td>56</td>
<td><code>other</code></td>
<td>-</td>
</tr>
</tbody>
</table>
<p>Usage :</p>
<pre tabindex="0"><code>socialIcons:
    - name: &#34;kofi&#34;
        url: &#34;https://kofi.com&#34;
    - name: &#34;twitter&#34;
        url: &#34;https://twitter.com&#34;
</code></pre><hr>
<h2 id="share-icons">Share Icons<a hidden class="anchor" aria-hidden="true" href="#share-icons">#</a></h2>
<table>
<thead>
<tr>
<th>No.</th>
<th>Platform</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><code>twitter</code> (also generates hash tags from tags linked with post)</td>
</tr>
<tr>
<td>2</td>
<td><code>linkedin</code></td>
</tr>
<tr>
<td>3</td>
<td><code>reddit</code></td>
</tr>
<tr>
<td>4</td>
<td><code>facebook</code></td>
</tr>
<tr>
<td>5</td>
<td><code>whatsapp</code></td>
</tr>
<tr>
<td>6</td>
<td><code>telegram</code></td>
</tr>
</tbody>
</table>
<p>Usage:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-yml" data-lang="yml"><span style="display:flex;"><span><span style="color:#f92672">params</span>:
</span></span><span style="display:flex;"><span>  <span style="color:#f92672">ShowShareButtons</span>: <span style="color:#66d9ef">true</span>
</span></span></code></pre></div>
</div>
  <footer class="post-footer">
    <ul class="post-tags">
      <li><a href="https://note.ftls.xyz/papermod/en/tags/papermod/">PaperMod</a></li>
    </ul>
    <nav class="paginav">
      <a class="prev" href="https://note.ftls.xyz/papermod/en/posts/papermod/papermod-faq/">
        <span class="title">« Prev Page</span>
        <br>
        <span>FAQs</span>
      </a>
      <a class="next" href="https://note.ftls.xyz/papermod/en/posts/papermod/papermod-variables/">
        <span class="title">Next Page »</span>
        <br>
        <span>Variables | Front Matter</span>
      </a>
    </nav>






<div class="share-buttons">
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on twitter"
        href="https://twitter.com/intent/tweet/?text=Icons&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fen%2fposts%2fpapermod%2fpapermod-icons%2f&amp;hashtags=PaperMod">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-253.927,424.544c135.939,0 210.268,-112.643 210.268,-210.268c0,-3.218 0,-6.437 -0.153,-9.502c14.406,-10.421 26.973,-23.448 36.935,-38.314c-13.18,5.824 -27.433,9.809 -42.452,11.648c15.326,-9.196 26.973,-23.602 32.49,-40.92c-14.252,8.429 -30.038,14.56 -46.896,17.931c-13.487,-14.406 -32.644,-23.295 -53.946,-23.295c-40.767,0 -73.87,33.104 -73.87,73.87c0,5.824 0.613,11.494 1.992,16.858c-61.456,-3.065 -115.862,-32.49 -152.337,-77.241c-6.284,10.881 -9.962,23.601 -9.962,37.088c0,25.594 13.027,48.276 32.95,61.456c-12.107,-0.307 -23.448,-3.678 -33.41,-9.196l0,0.92c0,35.862 25.441,65.594 59.311,72.49c-6.13,1.686 -12.72,2.606 -19.464,2.606c-4.751,0 -9.348,-0.46 -13.946,-1.38c9.349,29.426 36.628,50.728 68.965,51.341c-25.287,19.771 -57.164,31.571 -91.8,31.571c-5.977,0 -11.801,-0.306 -17.625,-1.073c32.337,21.15 71.264,33.41 112.95,33.41Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on linkedin"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fen%2fposts%2fpapermod%2fpapermod-icons%2f&amp;title=Icons&amp;summary=Icons&amp;source=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fen%2fposts%2fpapermod%2fpapermod-icons%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-288.985,423.278l0,-225.717l-75.04,0l0,225.717l75.04,0Zm270.539,0l0,-129.439c0,-69.333 -37.018,-101.586 -86.381,-101.586c-39.804,0 -57.634,21.891 -67.617,37.266l0,-31.958l-75.021,0c0.995,21.181 0,225.717 0,225.717l75.02,0l0,-126.056c0,-6.748 0.486,-13.492 2.474,-18.315c5.414,-13.475 17.767,-27.434 38.494,-27.434c27.135,0 38.007,20.707 38.007,51.037l0,120.768l75.024,0Zm-307.552,-334.556c-25.674,0 -42.448,16.879 -42.448,39.002c0,21.658 16.264,39.002 41.455,39.002l0.484,0c26.165,0 42.452,-17.344 42.452,-39.002c-0.485,-22.092 -16.241,-38.954 -41.943,-39.002Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on reddit"
        href="https://reddit.com/submit?url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fen%2fposts%2fpapermod%2fpapermod-icons%2f&title=Icons">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-3.446,265.638c0,-22.964 -18.616,-41.58 -41.58,-41.58c-11.211,0 -21.361,4.457 -28.841,11.666c-28.424,-20.508 -67.586,-33.757 -111.204,-35.278l18.941,-89.121l61.884,13.157c0.756,15.734 13.642,28.29 29.56,28.29c16.407,0 29.706,-13.299 29.706,-29.701c0,-16.403 -13.299,-29.702 -29.706,-29.702c-11.666,0 -21.657,6.792 -26.515,16.578l-69.105,-14.69c-1.922,-0.418 -3.939,-0.042 -5.585,1.036c-1.658,1.073 -2.811,2.761 -3.224,4.686l-21.152,99.438c-44.258,1.228 -84.046,14.494 -112.837,35.232c-7.468,-7.164 -17.589,-11.591 -28.757,-11.591c-22.965,0 -41.585,18.616 -41.585,41.58c0,16.896 10.095,31.41 24.568,37.918c-0.639,4.135 -0.99,8.328 -0.99,12.576c0,63.977 74.469,115.836 166.33,115.836c91.861,0 166.334,-51.859 166.334,-115.836c0,-4.218 -0.347,-8.387 -0.977,-12.493c14.564,-6.47 24.735,-21.034 24.735,-38.001Zm-119.474,108.193c-20.27,20.241 -59.115,21.816 -70.534,21.816c-11.428,0 -50.277,-1.575 -70.522,-21.82c-3.007,-3.008 -3.007,-7.882 0,-10.889c3.003,-2.999 7.882,-3.003 10.885,0c12.777,12.781 40.11,17.317 59.637,17.317c19.522,0 46.86,-4.536 59.657,-17.321c3.016,-2.999 7.886,-2.995 10.885,0.008c3.008,3.011 3.003,7.882 -0.008,10.889Zm-5.23,-48.781c-16.373,0 -29.701,-13.324 -29.701,-29.698c0,-16.381 13.328,-29.714 29.701,-29.714c16.378,0 29.706,13.333 29.706,29.714c0,16.374 -13.328,29.698 -29.706,29.698Zm-160.386,-29.702c0,-16.381 13.328,-29.71 29.714,-29.71c16.369,0 29.689,13.329 29.689,29.71c0,16.373 -13.32,29.693 -29.689,29.693c-16.386,0 -29.714,-13.32 -29.714,-29.693Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on facebook"
        href="https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fen%2fposts%2fpapermod%2fpapermod-icons%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-106.468,0l0,-192.915l66.6,0l12.672,-82.621l-79.272,0l0,-53.617c0,-22.603 11.073,-44.636 46.58,-44.636l36.042,0l0,-70.34c0,0 -32.71,-5.582 -63.982,-5.582c-65.288,0 -107.96,39.569 -107.96,111.204l0,62.971l-72.573,0l0,82.621l72.573,0l0,192.915l-191.104,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on whatsapp"
        href="https://api.whatsapp.com/send?text=Icons%20-%20https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fen%2fposts%2fpapermod%2fpapermod-icons%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-58.673,127.703c-33.842,-33.881 -78.847,-52.548 -126.798,-52.568c-98.799,0 -179.21,80.405 -179.249,179.234c-0.013,31.593 8.241,62.428 23.927,89.612l-25.429,92.884l95.021,-24.925c26.181,14.28 55.659,21.807 85.658,21.816l0.074,0c98.789,0 179.206,-80.413 179.247,-179.243c0.018,-47.895 -18.61,-92.93 -52.451,-126.81Zm-126.797,275.782l-0.06,0c-26.734,-0.01 -52.954,-7.193 -75.828,-20.767l-5.441,-3.229l-56.386,14.792l15.05,-54.977l-3.542,-5.637c-14.913,-23.72 -22.791,-51.136 -22.779,-79.287c0.033,-82.142 66.867,-148.971 149.046,-148.971c39.793,0.014 77.199,15.531 105.329,43.692c28.128,28.16 43.609,65.592 43.594,105.4c-0.034,82.149 -66.866,148.983 -148.983,148.984Zm81.721,-111.581c-4.479,-2.242 -26.499,-13.075 -30.604,-14.571c-4.105,-1.495 -7.091,-2.241 -10.077,2.241c-2.986,4.483 -11.569,14.572 -14.182,17.562c-2.612,2.988 -5.225,3.364 -9.703,1.12c-4.479,-2.241 -18.91,-6.97 -36.017,-22.23c-13.314,-11.876 -22.304,-26.542 -24.916,-31.026c-2.612,-4.484 -0.279,-6.908 1.963,-9.14c2.016,-2.007 4.48,-5.232 6.719,-7.847c2.24,-2.615 2.986,-4.484 4.479,-7.472c1.493,-2.99 0.747,-5.604 -0.374,-7.846c-1.119,-2.241 -10.077,-24.288 -13.809,-33.256c-3.635,-8.733 -7.327,-7.55 -10.077,-7.688c-2.609,-0.13 -5.598,-0.158 -8.583,-0.158c-2.986,0 -7.839,1.121 -11.944,5.604c-4.105,4.484 -15.675,15.32 -15.675,37.364c0,22.046 16.048,43.342 18.287,46.332c2.24,2.99 31.582,48.227 76.511,67.627c10.685,4.615 19.028,7.371 25.533,9.434c10.728,3.41 20.492,2.929 28.209,1.775c8.605,-1.285 26.499,-10.833 30.231,-21.295c3.732,-10.464 3.732,-19.431 2.612,-21.298c-1.119,-1.869 -4.105,-2.99 -8.583,-5.232Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on telegram"
        href="https://telegram.me/share/url?text=Icons&amp;url=https%3a%2f%2fnote.ftls.xyz%2fpapermod%2fen%2fposts%2fpapermod%2fpapermod-icons%2f">
        <svg version="1.1" xml:space="preserve" viewBox="2 2 28 28">
            <path
                d="M26.49,29.86H5.5a3.37,3.37,0,0,1-2.47-1,3.35,3.35,0,0,1-1-2.47V5.48A3.36,3.36,0,0,1,3,3,3.37,3.37,0,0,1,5.5,2h21A3.38,3.38,0,0,1,29,3a3.36,3.36,0,0,1,1,2.46V26.37a3.35,3.35,0,0,1-1,2.47A3.38,3.38,0,0,1,26.49,29.86Zm-5.38-6.71a.79.79,0,0,0,.85-.66L24.73,9.24a.55.55,0,0,0-.18-.46.62.62,0,0,0-.41-.17q-.08,0-16.53,6.11a.59.59,0,0,0-.41.59.57.57,0,0,0,.43.52l4,1.24,1.61,4.83a.62.62,0,0,0,.63.43.56.56,0,0,0,.4-.17L16.54,20l4.09,3A.9.9,0,0,0,21.11,23.15ZM13.8,20.71l-1.21-4q8.72-5.55,8.78-5.55c.15,0,.23,0,.23.16a.18.18,0,0,1,0,.06s-2.51,2.3-7.52,6.8Z" />
        </svg>
    </a>
</div>

  </footer>
</article>
    </main><footer class="footer">
    <span>&copy; 2023 <a href="https://note.ftls.xyz/papermod/en/">PaperModL2</a></span>
    <span>&middot;</span>
    <span>Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a></span>
    <span>&middot;</span>
    <span>Theme <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
    <button class="top-link" id="top-link" type="button" accesskey="g">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z" />
        </svg>
    </button>
</a>



<script defer src="/papermod/assets/js/highlight.min.b95bacdc39e37a332a9f883b1e78be4abc1fdca2bc1f2641f55e3cd3dabd4d61.js" integrity="sha256-uVus3DnjejMqn4g7Hni&#43;Srwf3KK8HyZB9V4809q9TWE="
    onload="hljs.initHighlightingOnLoad();"></script>
<script>
    window.onload = function () {
        if (localStorage.getItem("menu-scroll-position")) {
            document.getElementById('menu').scrollLeft = localStorage.getItem("menu-scroll-position");
        }
    }

    function menu_on_scroll() {
        localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft);
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>

</body>

</html>
